<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    
    <title>REWORK - Responsive HTML Template Preview - Themeforest</title>
    
    <meta name="description" content="" />
    <meta name="author" content="" />
    
    <link rel="stylesheet" href="./css/style.css" media="screen" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700" />
    <link rel="stylesheet" href="./css/flexslider.css" media="screen" />

    <script src="./js/jquery-1.7.2.min.js"></script>
    <script src="./js/jQuery.BlackAndWhite.min.js"></script>
    <script src="./js/jquery.easing-1.3.min.js"></script>
    <script src="./js/jquery.flexslider-min.js"></script>
    <script src="./js/jquery.isotope.min.js"></script>
    <script src="./js/jquery.jcarousel.min.js"></script>
    <script src="./js/jquery.touchSwipe.min.js"></script>
    <script src="./js/respond.min.js"></script>
    <script src="./js/selectnav.min.js"></script>
    <script src="./js/custom.js"></script>
    <script type="text/javascript" src="http://rework.reworkmedia.net/[JS library]"></script>
    <!--[if (gte IE 6)&(lte IE 8)]>
      <script type="text/javascript" src="./js/selectivizr-min.js"></script>
      <noscript><link rel="stylesheet" href="http://rework.reworkmedia.net/[fallback css]" /></noscript>
    <![endif]-->

    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-32209063-3']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

<!-- Main Container -->
<div id="body-wrapper">

    <!-- Header -->
    <div id="header" class="container clearfix">

        <a href="./index.html" id="logo"><img src="./images/logo.png" alt="" /></a>

        <!-- Navigation -->
        <ul id="navigation">
            <li>
                <a href="./index.html">Home</a>
                <ul>
                    <li><a href="./homepage_v2.html">Simple Version</a></li>
                </ul>
            </li>
            <li class="current">
                <a href="./about.html">Features</a>
                <ul>
                    <li><a href="./about.html">About Us</a></li>
                    <li><a href="./services.html">Services</a></li>
                    <li><a href="./pricing_tables.html">Pricing Tables</a></li>
                    <li><a href="./services.html">Third Level Item<i></i></a>
                        <ul>
                            <li><a href="./services.html">This is a simple example</a></li>
                            <li><a href="./services.html">Of the third level</a></li>
                            <li><a href="./services.html">Navigation item</a></li> 
                        </ul>
                    </li>
                    <li><a href="./shortcodes.html">Shortcodes</a></li>
                </ul>
            </li>
            <li>
                <a href="./blog.html">Blog</a>
                <ul>
                    <li><a href="./blog_post.html">Single Post</a></li>
                    <li><a href="./blog_v2.html">Alternative Version</a></li>
                </ul>
            </li>
            <li>
                <a href="./portfolio_4_col.html">Portfolio</a>
                <ul>
                    <li><a href="./portfolio_2_col.html">2 Columns</a></li>
                    <li><a href="./portfolio_3_col.html">3 Columns</a></li>
                    <li><a href="./portfolio_4_col.html">4 Columns</a></li>
                    <li><a href="./portfolio_details.html">Single Project</a></li>
                    <li><a href="./portfolio_v2.html">Alternative Version</a></li>
                </ul>
            </li>
            <li>
                <a href="./contact.html">Contact</a>
            </li>
        </ul>
        <!-- /Navigation -->
        
    </div>
    <!-- /Header -->


    <!-- Content -->
    <div id="content" class="container clearfix">

        <h1 class="page-title-inner"><span class="section-title">Services</span> We craft digital<br /> for <span class="accent">amazing clients</span></h1>

        <!-- Intro -->
        <div class="services-intro">
            Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim, eget varius nulla lacus ut erat. Mauris faucibus orci ac turpis facilisis et tempus metus venenatis. Pellentesque ornare, risus et vulputate mollis, massa nulla aliquam neque, sed hendrerit orci quam eget ante. Morbi pulvinar ligula at sapien ultricies hendrerit. Morbi mollis dictum libero at ultrices.
        </div>
        <!-- /Intro -->

        <div class="clear"></div>

        <!-- Services -->
        <div class="service one-third">
            <div class="service-icon"><img src="./images/content/services_icon_01.png" alt="" /></div>
            <div class="service-description">
                <h4>Earle Dickson</h4>
                <p>Mauris pretium, metus eget porta dictum, mauris ipsum imperdiet erat, aliquam rhoncus mauris justo vehicula tellus. Vestibulum purus libero, tincidunt hendrerit tincidunt.</p>
                <ul>
                    <li>Website Design</li>
                    <li>Website Development</li>
                    <li>Content Management Systems</li>
                    <li>E-Commerce</li>
                    <li>Mobile Applications</li>
                </ul>
            </div>
        </div>
        <div class="service one-third">
            <div class="service-icon"><img src="./images/content/services_icon_02.png" alt="" /></div>
            <div class="service-description">
                <h4>Earle Dickson</h4>
                <p>Vestibulum purus libero, tincidunt hendrerit tincidunt id, fermentum nec quam. Donec non orci nisl, non venenatis magna. Suspendisse ullamcorper orci ut erat.</p>
                <ul>
                    <li>Conceptualization</li>
                    <li>Brand Rollout Strategy</li>
                    <li>Logo Design</li>
                    <li>Marketing Collateral</li>
                    <li>Brand Guidelines</li>
                </ul>
            </div>
        </div>
        <div class="service one-third last">
            <div class="service-icon"><img src="./images/content/services_icon_03.png" alt="" /></div>
            <div class="service-description">
                <h4>Earle Dickson</h4>
                <p>Donec non orci nisl, non venenatis magna. Suspendisse ullamcorper orci ut erat faucibus a porta mauris facilisis. Mauris pretium, metus eget porta dictum.</p>
                <ul>
                    <li>Large Format</li>
                    <li>Sales Promotions</li>
                    <li>Social Media Strategy</li>
                    <li>Online & Direct Marketing</li>
                    <li>Planning & Strategies</li>
                </ul>
            </div>
        </div>
        <!-- /Services -->

        <div class="clear"></div>

        <!-- Quote -->
        <div class="one-half">
            <blockquote>
                Phasellus adipiscing euismod tristique. Vestibulum non elit vitae enim interdum aliquam sed eget lacus. Phasellus egestas augue sed augue accumsan vitae volutpat massa elementum. Nulla interdum malesuada aliquet. Aliquam vitae dolor vel odio volutpat tempor a a metus.
                <span class="person">Charles Darrow, <span class="accent">Rework</span></span>
                <span class="corner"></span>
            </blockquote>
        </div>
        <div class="one-half last">
            <blockquote>
                Curabitur tempor semper velit sit amet posuere. Nunc ornare dapibus mi eu lobortis. Praesent velit dolor, adipiscing vitae laoreet gravida, dictum eget diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                <span class="person">John Deere, <span class="accent">Edison Corp.</span></span>
                <span class="corner"></span>
            </blockquote>
        </div>
        <!-- /Quote -->

    </div>
    <!-- /Content -->

    <!-- Footer -->
    <div id="footer">
        <div class="container clearfix">

            <!-- About -->
            <div class="one-fourth">
                <a href="./index.html" class="logo"><img src="./images/logo_footer.png" alt="" /></a>
                <p>Proin fermentum sollicitudin ante, sed tempor eros molestie id. Donec volutpat odio eu mi imperdiet nec laoreet diam venenatis. Nunc ac purus aliquet mauris interdum accumsan.</p>
            </div>
            <!-- /About -->

            <!-- Twitter Feed -->
            <div class="one-fourth">
                <h5>Latest Tweets</h5>
                <div class="twitter-feed">
                    <p>
                        12 Outstanding Videos That Make Good Creative Use of AudioJungle Tracks <a href="./services.html">http://t.co/7USabnpS</a>
                        <span class="tweet-time">7 hours ago</span>
                    </p>
                    <p>
                        Farewell Envato – I Will Miss You! <a href="./services.html">http://t.co/ommJTJgp</a>
                        <span class="tweet-time">Sep 5 (1 day ago)</span>
                    </p>
                </div>
            </div>
            <!-- /Twitter Feed -->

            <!-- Contacts -->
            <div class="one-fourth">
                <h5>Contact Details</h5>
                <p class="address">3200 Sepulveda Blvd. <br />Manhattan Beach, CA 90266, USA</p>
                <p class="phone">Phone: (415) 124-5678 <br />Fax: (415) 124-5678</p>
                <p class="email">support@reworkmedia.com</p>
            </div>
            <!-- /Contacts -->

            <!-- Photo Stream -->
            <div class="one-fourth last">
                <h5>Photo Stream</h5>
                <ul class="photo-stream">
                    <li><a href="./services.html"><img src="./images/content/photo_stream_01.jpg" alt="" /></a></li>
                    <li><a href="./services.html"><img src="./images/content/photo_stream_02.jpg" alt="" /></a></li>
                    <li><a href="./services.html"><img src="./images/content/photo_stream_03.jpg" alt="" /></a></li>
                    <li><a href="./services.html"><img src="./images/content/photo_stream_04.jpg" alt="" /></a></li>
                    <li><a href="./services.html"><img src="./images/content/photo_stream_05.jpg" alt="" /></a></li>
                    <li><a href="./services.html"><img src="./images/content/photo_stream_06.jpg" alt="" /></a></li>
                    <li><a href="./services.html"><img src="./images/content/photo_stream_07.jpg" alt="" /></a></li>
                    <li><a href="./services.html"><img src="./images/content/photo_stream_08.jpg" alt="" /></a></li>
                </ul>
            </div>
            <!-- /Photo Stream -->

        </div>

        <div class="clear"></div>

        <div class="info container clearfix">

            <!-- Copyright -->
            <ul class="copyright">
                <li>© 2012 REWORK MEDIA. All rights reserved</li>
                <li><a href="./services.html">Legal Notice</a></li>
                <li><a href="./services.html">Terms & Conditions</a></li>
            </ul>
            <!-- /Copyright -->

            <!-- Social Links -->
            <ul class="social-links">
                <li class="twitter"><a href="./services.html">Twitter</a></li>
                <li class="facebook"><a href="./services.html">Facebook</a></li>
                <li class="linkedin"><a href="./services.html">LinkedIn</a></li>
                <li class="digg"><a href="./services.html">Digg</a></li>
                <li class="vimeo"><a href="./services.html">Vimeo</a></li>
            </ul>
            <!-- /Social Links -->

        </div>
    </div>
    <!-- /Footer -->

</div>
<!-- /Main Container -->

</body>
</html>